<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
	<head>
		<title>Users</title>
	</head>
<body>
<f:view>

	<h:form>
		<h3>User Data:</h3>
			NAME: <h:outputText value="#{user.name}" /><br>
			GROUP: <h:outputText value="#{user.group}" /><br>
			INDEX NO: <h:outputText value="#{user.indexNo}" /><br>
			E-MAIL: <h:outputText value="#{user.email}" />

	</h:form>
	<hr>
	<h:dataTable var="userItem" value="#{userTable.userItems}" border="1" width="100%">
	    <f:facet name="header">
	      <h:outputText value="Users" />
	    </f:facet>
	    <h:column>
	      <f:facet name="header">
	        <h:outputText value="Name" />
	      </f:facet>
	      <h:outputText value="#{userItem.name}" />
	    </h:column>
	    <h:column>
	      <f:facet name="header">
	        <h:outputText value="Email" />
	      </f:facet>
	      <h:outputText value="#{userItem.email}" />
	    </h:column>
	    <h:column>
	      <f:facet name="header">
	        <h:outputText value="Group" />
	      </f:facet>
	      <h:outputText value="#{userItem.group}" />
	    </h:column>
	    <h:column>
	      <f:facet name="header">
	        <h:outputText value="Index No." />
	      </f:facet>
	      <h:outputText value="#{userItem.indexNo}" />
	    </h:column>
	    <f:facet name="footer">
	      <h:outputText value="Items: #{userTable.size}" />
	    </f:facet>
  	</h:dataTable>
	
</f:view>
</body>
</html>